<template>
	<swiper class="banner" :indicator-dots="true" :autoplay="true" circular indicator-active-color="#27ba9b" :interval="3000" :duration="1000">
		<template v-for="item in banners">
			<swiper-item >
				<img class="image" :src="item.imgUrl" mode="widthFix">
			</swiper-item>
		</template>
	</swiper>
</template>
 
<script>
	export default {
		name: '',
		props: {
			banners: {
				type: Array,
				default: []
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			
		}
	}
</script>
 
<style lang="scss">
	.banner{
		.image{
			width: 100%;
		}
	}
</style>